import React,{Component} from 'react'
import {BrowserRouter as Router,Route,NavLink,Switch,Prompt,withRouter} from 'react-router-dom'
import { Carousel } from 'antd';
import header from './Header.module.css'
import axios from 'axios'
import Particulars from './Particulars'
import * as api from '../api/getshangpinlist'
export default class Lunbo extends Component{
	constructor(props) {
	    super(props)
		
	} 
	render(){
		
		return(
			<div>
				
				<div className={header.carousel}>
					<Carousel autoplay >
						<div >
						  <img src={require('../img/6D7BDC4B98FD4E853173B7E9A7E9298E.png')}/>
						</div>
						<div >
						  <img src={require('../img/FD1D9C86B5B0EF03A437EA4EA7444293.png')}/>
						</div>
									
					 </Carousel>
				</div>
				
				<div>
					 <h2 className={header.t}>新     品</h2>
					 <div className={header.main}>
					
						<dl>
							<dt><img src={require('../img/e1.jpg')}/></dt>
							<dd>婴儿连帽加绒连体衣</dd>
							<dd>￥329.00 <span>￥499.00</span></dd>
						</dl>
						<dl>
							<dt><img src={require('../img/e2.jpg')}/></dt>
							<dd>万圣节婴儿牛仔外套</dd>
							<dd>￥499.00 <span>￥699.00</span></dd>
						</dl>
						<dl>
							<dt><img src={require('../img/m2.png')}/></dt>
							<dd>男装暖冬毛绒卫衣</dd>
							<dd>￥329.00 <span>￥499.00</span></dd>
						</dl>
						<dl>
							<dt><img src={require('../img/n2.jpg')}/></dt>
							<dd>万圣节儿童节日帽</dd>
							<dd>￥119.00 <span>￥325.00</span></dd>
						</dl>
						<dl>
							<dt><img src={require('../img/y2.jpg')}/></dt>
							<dd>儿童绒冬牛仔裤</dd>
							<dd>￥229.00 <span>￥399.00</span></dd>
						</dl>
					 </div>
					 <img className={header.pic} src="https://uxresources.baozun.com/prod/88000136/20190929/8EB095FA0EF1F0CBE34750603290E9D0.jpg"/>
				 </div>
				 <Switch>
					 <Route path="/particulars" component={Particulars}/>


				 </Switch>
				 
				
				
			</div>
		)
	}
	componentDidMount(){
		// api.getshangpinlist({pagesize:200}).then(data => {
		// 	console.log(data.data.data)
		// })
	}
}
